<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>login</title>

    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="./css/common/reset.css">
    <link rel="stylesheet" href="./css/common/common.css">
    <link rel="stylesheet" href="./css/common/footer.css">
    <link rel="stylesheet" href="./css/login.css">

    <script src="./lib/jquery.js"></script>
    <script src="./js/login.js"></script>
    <script src="./js/user-stro.js"></script>
</head>

<body>

    <!-- 头部开始 -->
    <header class="login-top">
        <div class="wrapper">
            <div class="logo"></div>

            <div class="logo-tel">
                <p>资讯电话</p>
                <span>XXX-XXXXXXX</span>
            </div>
        </div>
    </header>
    <!-- 头部结束 -->


    <!-- 登录块开始 -->

    <section class="login-on">
        <div class="loging">
            <form action="#" method="POST">
                <div>

                    <span>普通登录</span>
                    <span>手机无密码登录</span>
                    <img src="./img/ewm-login.png" alt="" class="goto-regis">
                </div>

                <div class="login-up clearfix">

                    <div>

                        <input type="text" name="username" id="username" placeholder="用户名/邮箱/手机号">
                        <button type="button" id="username-btn"></button>
                        <span id="u-tips" class="tips"></span>
                        <input type="password" name="password" id="password" placeholder="密码">
                        <button type="button" id="password-btn"></button>
                        <input type="button" value="登录" id="login-submit">
                    </div>
                </div>
            </form>


            <div class="forget">
                <span> <a href="">忘记密码</a> </span>
                <span> <a href="./register.html">注册账号</a> </span>

                <p>
                    第三方登录 :
                    &nbsp;&nbsp;
                    <img src="./img/QQ.png" alt="">
                    <img src="./img/微信.png" alt="">
                    <img src="./img/微博.png" alt="">
                    <img src="./img/支付宝.png" alt="">
                    &nbsp;&nbsp;
                    &gt;&gt;
                </p>
            </div>
        </div>

        <div class="regis">
            <div>

                <img src="./img/pc-login.png" alt="" class="login-g">

                <div class="regis-t">
                    <div>
                        <img src="./img/扫一扫.png" alt="" class="sao">
                    </div>
                    <div class="regis-s">
                        <p>打开XXXXX</p>
                        <p>扫一扫登录</p>
                    </div>
                </div>


                <div class="regis-rwm">
                    <img src="./img/qryhd.png" alt="">
                </div>

                <p>
                    点击下载XXXXAPP
                </p>

            </div>
        </div>

    </section>
    <!-- 登录块结束 -->

    <!-- 页脚开始 -->
    <footer>

        <section class="footer-fuwu wrapper">
            <ul>
                <li>
                    <img src=" ./img/zp.jpg" alt="">
                    <div>
                        <span>
                            正品保障
                        </span>
                        <b>
                            正品行货 放心选购
                        </b>
                    </div>

                </li>
                <li>
                    <img src=" ./img/yf.jpg" alt="">
                    <div>
                        <span>
                            满86包邮
                        </span>
                        <b>
                            满86元 免运费
                        </b>
                    </div>

                </li>
                <li>
                    <img src=" ./img/sh.jpg" alt="">

                    <div>
                        <span>
                            售后无忧
                        </span>
                        <b>
                            7天无理由退款
                        </b>
                    </div>

                </li>
                <li>
                    <img src=" ./img/zs.jpg" alt="">

                    <div>
                        <span>
                            准时中送
                        </span>
                        <b>
                            收获时间由你做主
                        </b>
                    </div>

                </li>
            </ul>
        </section>

        <section class="footer-des wrapper">
            <ul>
                <li>
                    <ol>
                        <li>
                            <a href="">新手入门</a>

                        </li>
                        <li>
                            <a href="">购物流程</a>

                        </li>
                        <li>
                            <a href="">会员制度</a>

                        </li>
                        <li>
                            <a href="">订单查询</a>
                        </li>
                        <li>
                            <a href="">服务协议及隐私说明</a>
                        </li>
                        <li>
                            <a href="">网站地图</a>
                        </li>
                    </ol>
                </li>


                <li>
                    <ol>
                        <li>
                            <a href="">支付方式</a>

                        </li>
                        <li>
                            <a href="">货到付款</a>

                        </li>
                        <li>
                            <a href="">网上支付</a>

                        </li>
                        <li>
                            <a href="">礼品卡支付</a>
                        </li>
                        <li>
                            <a href="">其它支付</a>
                        </li>
                    </ol>
                </li>


                <li>
                    <ol>
                        <li>
                            <a href="">配送服务</a>

                        </li>
                        <li>
                            <a href="">配送进度查询</a>

                        </li>
                        <li>
                            <a href="">商品验货与签收</a>

                        </li>
                    </ol>
                </li>


                <li>
                    <ol>
                        <li>
                            <a href=""> 相关规则</a>

                        </li>
                        <li>
                            <a href="">平台规则</a>

                        </li>
                        <li>
                            <a href="">退换货政策</a>
                        </li>
                        <li>
                            <a href="">发票制度</a>
                        </li>

                        <li>
                            <a href="">帮助中心</a>
                        </li>

                    </ol>
                </li>

                <li class="yhj">
                    <p>APP更优惠</p>

                    <img src=" ./img/qryhd.png" alt="">


                </li>

                <li class="yhj">
                    <p>加微信查订单</p>

                    <img src=" ./img/qryhd.png" alt="">

                </li>

            </ul>
        </section>

        <section class="footer-b">
            <div class="wrapper">

                <div>
                    <p>
                        沪ICP备XXXXXXXXX号 | 经营证照 │ 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话:XX-XXXX | 沪B2-X
                    </p>
                    <p>
                        沪公网安备XXXXXXXXX号 │ 友情链接 │ 出版物经营许可证 │ 增值电信业务经营许可证
                    </p>
                </div>

                <div class="links">
                    <img src=" ./img/wz2.png" alt="">
                    <img src=" ./img/wz1.jpg" alt="">
                    <img src=" ./img/wz3.jpg" alt="">
                    <img src=" ./img/wz4.jpg" alt="">
                    <img src=" ./img/wz5.jpg" alt="">
                    <img src=" ./img/wz1.jpg" alt="">
                </div>
            </div>
        </section>

    </footer>
    <!-- 页脚开始 -->


</body>

</html>